<template>
  <div class="body">
    <div class="service_bg">
      <img src="/img/service/service.jpg" alt="" />
      <h1>游客服务</h1>
      <p>为您提供贴心的服务</p>
    </div>
    <div class="service">
      <div class="center">
        <div class="main">
          <div class="menu">
            <ul>
              <li>
                <div class="icon1"></div>
                <router-link to="/service/guide">导游</router-link>
                
              </li>
              <li>
                <div class="icon2"></div>
                
                  <router-link to="/service/notice">游客须知</router-link>
                
              </li>
              <li>
                <div class="icon3"></div>
                <p>交通查询</p>
              </li>
              <li>
                <div class="icon4"></div>
                <p>投诉热线</p>
              </li>
            </ul>
          </div>
          <div class="detail">
           <router-view/>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style scoped src="../assets/css/service.css"></style>
<style lang="scss" scoped></style>
